*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/*清楚间距*/

.clearfix:before,
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}
/*清楚浮动*/

li{
    list-style: none;
}
/*列表项符号清除*/

a{
    text-decoration: none;
}
/*清楚A标签默认下划线*/

.container{
    width: 1170px;
    margin: 0 auto;
}
/*块元素水平方向居中*/


/*header 样式 开始*/
header{
    margin-top: 20px;
}
header span{
    color: #999;
    margin-right: 10px;
    cursor: pointer;
}
header span:hover{
    color: lightcoral;
}
/*header 样式 结束*/


/*main 样式 开始*/
main{
    margin-top: 55px;
}
main a{
    cursor: pointer;
}
main a:hover  img{
    opacity: 0.6;
}
main a:hover h4{
    color: lightcoral;
}
main .m-1{
    width: 33.333333%;
    float: left;
}
main .m-1 img{
    width:148px;
    height: 148px;
}
main .progress{
    position: relative;
    width: 197px;
    height: 6px;
    border-radius: 3px;
    background-clip: padding-box;
    background: #FFE4Dc;
    margin-top: 8px;
}
main .progress .progress-bar{
    width:4%;
    position: absolute;
    left: 0;
    top: 0;
    height: 6px;
    border-radius: 3px;
    background-clip: padding-box;
    background: #FE3338;
}
main .m-right span{
    color: lightgray;
    font-size: 16px;
}
main .m-right .price del{
    color: lightgray;
}
main .m-right h4{
    margin-bottom: 28px;
}
main .desc{
    margin-top: 4px;
}
main .price{
    margin-top: 18px;
}
main .price .sp3{
    color: red;
    font-size: 18px;
    margin-right: 5px;
}
/*main 样式 结束*/